<template>
    <div>
        <van-sidebar v-model="activeKey">
  <van-sidebar-item title="酒水食品" />
  <van-sidebar-item title="家用电器" />
  <van-sidebar-item title="电脑办公" />
  <van-sidebar-item title="家具家居" />
  <van-sidebar-item title="服装服饰" />
  <van-sidebar-item title="个化护装" />
  <van-sidebar-item title="衣帽鞋包" />
  <van-sidebar-item title="运动户外" />
  <van-sidebar-item title="汽车用品" />
  <van-sidebar-item title="母婴玩具" />
  <van-sidebar-item title="医药保健" />
  <van-sidebar-item title="图书音像" />
  <van-sidebar-item title="旅游生活" />
</van-sidebar>
<div class="fenlei" @click="go">
<h5>酒水食品</h5>
<van-grid :border="false" :column-num="3">
  <van-grid-item>
    
    <van-image src="" />
    酒水食品
  </van-grid-item>
  <van-grid-item>
    <van-image src="" />
    酒水食品
  </van-grid-item>
  <van-grid-item>
    <van-image src="" />
    酒水食品
  </van-grid-item>
  <van-grid-item>
    <van-image src="" />
    酒水食品
  </van-grid-item>
  <van-grid-item>
    <van-image src="" />
    酒水食品
  </van-grid-item>
  <van-grid-item>
    <van-image src="" />
    酒水食品
  </van-grid-item>
  <van-grid-item>
    <van-image src="" />
    酒水食品
  </van-grid-item>
  
  <van-grid-item>
    <van-image src="" />
    酒水食品

  </van-grid-item>
  <van-grid-item>
    <van-image src="" />
    酒水食品

  </van-grid-item>
  
</van-grid>
</div>
    </div>
</template>
<script>
export default {
    methods:{ go(){
      this.$router.push('./精选与详情/Jingxuan.vue')
    } },
  data() {
    return {
      activeKey: 0,
    };
  },
};

</script>
<style scoped>
.fenlei{
    width: 290px;
    height: 500px;
    /* border: 1px solid black; */
    float: right;
    margin-top: -780px;
}
</style>